<template>
	<view>
        <view>
            <view>基础用法</view>
            <view>
                <jk-radio label="1" v-model="value">香蕉</jk-radio>
                <jk-radio label="2" v-model="value">橘子</jk-radio>
                <jk-radio label="3" v-model="value">苹果</jk-radio>
            </view>
        </view>
        <view>
            <view>和RadioGroup结合使用</view>
            <view>
                <jk-radio-group v-model="value">
                    <jk-radio label="1">香蕉</jk-radio>
                    <jk-radio label="2">橘子</jk-radio>
                    <jk-radio label="3">苹果</jk-radio>
                </jk-radio-group>
            </view>
        </view>
		<view>
		    <view>和cell结合使用</view>
		    <view>
                <jk-cell-group>
                    <jk-cell title="香蕉">
                        <jk-radio slot="footer" label="1" v-model="value"></jk-radio>
                    </jk-cell>
                    <jk-cell title="橘子">
                        <jk-radio slot="footer" label="2" v-model="value"></jk-radio>
                    </jk-cell>
                    <jk-cell title="苹果">
                        <jk-radio slot="footer" label="3" v-model="value"></jk-radio>
                    </jk-cell>
                </jk-cell-group>
		        
		        
		        
		    </view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: ''
			};
		}
	}
</script>

<style lang="scss">

</style>
